<%--
  Created by IntelliJ IDEA.
  User: laijie
  Date: 2021/6/21 0021
  Time: 15:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link href="${pageContext.request.contextPath}/image/logo.png" rel="Shortcut Icon">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/Resource/layui/css/layui.css" media="all">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/Resource/layui/layui.js" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/Resource/jquery-3.3.1.js"></script>
    <meta name="keywords" content="基金,网上交易,基金网上交易平台,金牛基金网上交易平台" />
    <meta name="description" content="金牛基金网上交易平台，我们为您提供便捷、安全的基金网上交易服务。买基金，找最懂的！" /><title>开户 -金牛基金交易网</title>
    <base target="_blank">
    <%--  input位置下调  --%>
    <style type="text/css" media="all">
        .layui-form-item{
            position:relative;
            top: 9px;
        }
    </style>
</head>
<body>
<!-- top -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<div class="topDL_Menu" style="box-shadow: #CDCDCD 6px 6px 6px 5px ;">
    <div class="con" style="position: relative;top:3px;">
        <img class="curp fl" title="基金交易" src="${pageContext.request.contextPath}/imager/logo.png" style="width: 78px;height: 78px;">
        <div class="bar">
            <a href="#" target="_self">返回基金超市</a>|<a
                href="#" target="_self">我已开户，点击此处登录&gt;&gt;</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    window.baseUrl = "";
    window.resetPwdUrl = "https://trade.ehowbuy.com/account/resetpwd.htm";
</script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/input-style.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/topDL_Menu.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/openUser.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/pop-Plug.css" /><!-- main start -->
<div class="main">
    <!--m_left begin-->
    <div class="m_left">
        <form class="layui-form" id="registerForm" name="registerForm" action="/Anonymous/openUser" method="post" target="_self">
            <input type="hidden" id="actionUrl" name="actionUrl" value="">
            <input type="hidden" id="ticket" name="ticket" value="">
            <input type="hidden" name="encMsgJS" id="encMsgJS" value=""/>
            <div class="m_title"><h3>新用户开户</h3></div>
            <div class="title_a"><h6>实名认证</h6></div>
            <div class="table_item_a">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                    <tr>
                        <td align="right">真实姓名：</td>
                        <td>
                            <div style="position:relative;">
                                <input class="it_style_a" name="custName" id="custName" maxlength="25" onblur="checkName()" placeholder="请输入您身份证件上的姓名" onfocus="tipInfo(this.id);" />
                                <span id="custName_error" class="input_css"></span>
                            </div>
                        </td>
                    </tr>	<tr>
                        <td align="right" width="19%">身份证号码：</td>
                        <td width="81%">
                            <div style="position:relative;" class="parentCls">
                                <input class="it_style_a inputIDElem" autocomplete="off" name="certNo" id="certNo" placeholder="身份证号码为18位"
                                       maxlength="18" onblur="checkmident()"/>
                                <span id="certNo_error" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">证件有效截止日：</td>
                        <td id="checkCertEndValId">
                            <div class="layui-form-item">
                                <div class="inputdiv" style="width: 300px;">
                                    <div class="layui-inline">
                                        <div class="layui-input-inline">
                                            <input type="text" class="layui-input" name="date" id="test1" style="font-size: 10px" placeholder="yyyy-mm-dd">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>

                    </tr>
                    <tr>
                        <td align="right">国籍：</td>
                        <td id="citizenshipValId" class="pr">
                            <!--选择开户国籍 begin-->
                            <div class="layui-form-item">
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <select name="modules" lay-verify="required" lay-search="">
                                        <option value="">直接选择或搜索选择</option>
                                        <option value="1">中国</option>
                                        <option value="2">美国</option>
                                        <option value="3">日本</option>
                                        <option value="4">韩国</option>
                                        <option value="5">荷兰</option>
                                        <option value="6">德国</option>
                                        <option value="7">法国</option>
                                        <option value="8">英国</option>
                                        <option value="9">挪威</option>
                                        <option value="10">印度</option>
                                        <option value="11">柬埔寨</option>
                                        <option value="12">新西兰</option>
                                        <option value="13">新加坡</option>
                                        <option value="14">朝鲜</option>
                                        <option value="15">缅甸</option>
                                        <option value="16">泰国</option>
                                        <option value="17">老挝</option>
                                        <option value="18">西班牙</option>
                                        <option value="19">巴西</option>
                                        <option value="20">加拿大</option>
                                    </select>
                                </div>
                            </div>
                     </div>
<%--                            <div class="pop-it-error" id="citizenshipVal_error" style="display:none">--%>
<%--                                <i class="layui-icon layui-icon-face-smile">&#x1007;</i>国籍信息不能为空--%>
<%--                            </div>--%>
<%--                           <div class="citizenshipVal-correct" style="display:none;margin:8px 0 0 10px;">--%>
<%--                               <i class="layui-icon">&#x1005;</i>--%>
<%--                           </div>--%>
                            <!--选择开户国籍 end-->
                        </td>
                    </tr>
                    <tr>
                        <td align="right">职业：</td>
                        <td id="professionValId" class="pr">
                            <!--选择开户职业 begin-->
                            <div class="layui-form-item">
                                <div class="layui-input-inline">
                                    <select name="quiz1">
                                        <option value=""selected="">请选择职业</option>
                                        <option value="1">政府部门</option>
                                        <option value="2">教科文</option>
                                        <option value="3">金融</option>
                                        <option value="4">房地产</option>
                                        <option value="5">制造业</option>
                                        <option value="6">自由职业</option>
                                        <option value="7">无固定职位</option>
                                        <option value="8">专业技术人员</option>
                                        <option value="9">一般企事业单位员工</option>
                                        <option value="8">金融行业一般从业人员</option>
                                        <option value="9">无</option>
                                    </select>
                                </div>
                           </div>
<%--                            <div class="pop-it-prompt" id="professionVal_tips" style="display:none"> <i class="layui-icon">&#x1007;</i>职业不能为空</div>--%>
<%--                            <div class="professionVal-correct" style="display:none;margin:8px 0 0 10px;">--%>
<%--                                <i class="layui-icon layui-icon-face-smile">&#x1005;</i>--%>
<%--                            </div>--%>
                            <!--选择开户职业 end-->
                        </td>
                    </tr>
                    <tr>
                        <td align="right">联系地址：</td>
                        <td>
                            <div style="position:relative;">
                                <input class="it_style_a  " name="address" id="address" maxlength="500" placeholder="请输入您的联系地址" onblur="checkaddress()" />
                                <span id="address_error" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">手机号码：</td>
                        <td>
                            <div style="position:relative;">
                                <input class="it_style_a" name="mobiles" id="mobiles" value="" placeholder="请输入您的电子邮箱" />
                                <span id="mobile_error" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">电子邮箱：</td>
                        <td>
                            <div style="position:relative;">
                                <input class="it_style_a" name="mobiles" id="email" value="" placeholder="请输入您的电子邮箱" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">邮箱验证码：</td>
                        <td>
                            <div style="position:relative;">
                                <input class="it_style_a input_focus" id="phoneidentify" name="phoneidentify"  maxlength="6" style="width: 100px;outline: none;margin-right: 10px;"/>
                                <input type="button" id="getCode" class="getSMS" style="width: 100px;outline: none;" value="获取验证码" />
                                <div class="pop-it-error" id="phoneidentify_error" style="display:none"> <i class="layui-icon">&#x1007;</i>此处是报错文案</div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td align="right">
                            <p class="shuis_tips1">
                                <span></span>
                                <em class="tips_con"><b>税收居民身份有三类：</b><b>1.仅为中国税收居民</b>中国税收居民是指在中国境内有住所，或者无住所而境内居住满一年的个人。在中国境内有住所是指因户籍、家庭 经济利益关系而在中国境内习惯性居住。在境内居住满一年，是指一个纳税年度中在中国境内居住365日。临时离境的，不扣减日数。临时离境，是指在一个纳税年度中一次不超过30日或者多次累计不超过90日的离境。<b>2.仅为非中国税收居民</b>非中国税收居民是指中国税收居民以外的人。<b>3.既是中国税收居民又是其他国家（地区）税收居民</b>其它国家（地区）税收居民身份认定规则及纳税人识别号相关信息请参见国家税务总局网站。</em>
                            </p>
                            税收居民身份：
                        </td>
                        <td>
                            <p class="shuishou">
                                <select id="chooseBoxHouseId" onchange="selectChange()">
                                    <option value="1">仅为中国税收居民</option>
                                    <option value="2">仅为非中国税收居民</option>
                                    <option value="3">中国税收居民且其他国家（或地区）税收居民</option>
                                </select>
                            </p>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <div class="title_a"><h6>密码设置</h6></div>
            <div class="table_item_a">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tbody><tr><td colspan="2"><div class="Prompt_b"><strong>登录密码</strong>，登录基金交易平台时所用的密码</div></td></tr>
                    <tr>
                        <td align="right" width="17%"><strong class="cRed">登录</strong>密码：</td>
                        <td width="83%">
                            <div style="position:relative;">
                                <input type="password" class="it_style_a " placeholder="请输入密码" name="loginPwd" id="loginPwd" maxlength="20" onblur="checkloginPwd()"/>
                                <span id="loginPwd_error" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">再输入一次：</td>
                        <td>
                            <div style="position:relative;">
                                <input type="password" class="it_style_a  " placeholder="请再输入一次登录密码" name="reLoginPwd" id="reLoginPwd" maxlength="20" onblur="checkreLoginPwd()"/>
                                <span id="reLoginPwd-correct" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr><td colspan="2"><div class="Prompt_b" style="margin:25px 0 10px 33px;"><strong>交易密码</strong>，进行基金交易、修改信息时所用的密码</div></td></tr>
                    <tr>
                        <td align="right"><strong class="cOrange">交易</strong>密码：</td>
                        <td>
                            <div style="position:relative;">
                                <input type="password" class="it_style_a " placeholder="请输入6位数字交易密码" name="txPwd" id="txPwd" maxlength="6" onblur="checktxPwd()" />
                                <span id="txPwd-correct" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">再输入一次：</td>
                        <td>
                            <div style="position:relative;">
                                <input type="password" class="it_style_a  " name="reTxPwd" placeholder="请再输入一次交易密码" id="reTxPwd" maxlength="6" onblur="checkreTxPwd()" />
                                <span id="reTxPwd-correct" class="input_css"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><div class="ReadPact"><input lay-skin="primary" type="checkbox" id="xieyi" checked="checked" onclick="changeCheck(this);" /><label for="xieyi">我已认真阅读并充分了解</label></div></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><div class="xieyi_link"><a href="https://www.ehowbuy.com/help/sub/qtwd/qyxz.pdf">《证券投资人权益须知》</a>、<a href="https://www.ehowbuy.com/help/sub/howbuyxieyi/jyfwxy.pdf">《上海金牛基金销售有限公司电子交易服务协议》</a><br /><a href="https://www.ehowbuy.com/help/sub/howbuyxieyi/yhzdzzsqs.pdf">《银行自动转账授权书》</a>、<a href="https://www.ehowbuy.com/help/sub/howbuyxieyi/dqdetzfwxy.pdf">《金牛基金定期定额投资业务服务协议》</a></div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <div class="ReadPact">
                                <input id="collectProtocolMethod" name="collectProtocolMethod" type="hidden" value="4" />
                                <input id="xieyi1" lay-skin="primary" style="color: #2F4056" name="xieyi1" onclick="checkHuiKuanXieYi(this);" type="checkbox" checked="checked"/><label for="xieyi">我同意默认回款到储蓄罐</label>
                                <span class="about_cxg"><span>储蓄罐活期对接工银现金货币基金（000677），可享收益，随时存，极速取<img src="https://static.ehowbuy.com/tstatic/images/web/sm_jt.png" alt="" class="sm_jt"></span></span>
                                <div class="xieyi_link" style="margin-top:15px;font-size:14px;"><a href="">《默认回款方式设置服务协议》</a></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><input href="" id="submit" class="layui-btn layui-btn-warm"type="submit" value="确认提交"/></td>
                    </tr>
                    </tbody></table>
            </div>
    <input type="hidden" id="coopId" name="coopId" value="" />
    <input type="hidden" id="actId" name="actId" value="" />

    </form>
    </div>
    <!--m_left end-->
    <!--m_right begin-->
    <div class="m_right side_item">
        <img class="rightLogo" title="基金交易" src="${pageContext.request.contextPath}/imager/logo.png" style="width: 78px;height: 78px;">
        <div class="bar1">
            <p>欢迎进入基金的世界！</p>
            <ul>
                <li>6000+支基金，挑选更随意</li>
                <li>8大种类，配置更合理</li>
                <li>快速卖出，资金更高效</li>
            </ul>
        </div>
        <div class="bar2">
            <ul class="u1">
                <li>实名认证</li>
                <li>资金安全</li>
            </ul>
            <ul class="u2">
                <li>金牛基金销售资格证号：000000304</li>
                <li>资金监管银行：<span>上海浦东发展银行</span></li>
            </ul>
        </div>
        <div class="bar3">
            <ul>
                <li><strong>操作有难处，需人工协助？</strong></li>
                <li>拨打 <strong class="cRed">400-700-9665</strong></li>
            </ul>
        </div>
    </div>
    <!--m_right end-->
    <div class="clear"></div>
    <div class="help-bottom"><img src="${pageContext.request.contextPath}/imager/mingsheng_icon.png" />上海浦东发展银行全程监督，<strong class="cRed">同卡进出</strong>保障安全！ 任何疑问，您可拨打 400-700-9665</div>
</div>
<!-- footer -->
<script type="text/javascript" src="https://static.ehowbuy.com/tstatic/js/web/common/o_code.js?version=20201230002"></script>
<link rel="stylesheet" type="text/css" href="https://static.ehowbuy.com/tstatic/css/web/foot.css?version=20201230002" />
<script type="text/javascript" src="https://ssl.howbuy.com/js/uaa/ha.js"></script>
<div class="footer">
    <ul>
        <li class="nav"><a href="https://www.ehowbuy.com/help/sub/qtwd/qyxz.pdf">投资者权益须知</a>|<a href="https://www.ehowbuy.com/help/sub/qtwd/jjtzjysc.pdf">投资者教育手册</a>|<a href="https://www.ehowbuy.com/help/sub/contactus.html">联系我们</a>|<a href="https://www.ehowbuy.com/help/sub/safetyguidelines.html">交易安全指引</a>|<a href="https://www.ehowbuy.com/help/sub/xsryzz.html">销售人员资质</a>|<a href="https://www.ehowbuy.com/help/sub/jjdxxk.html">基金代销许可</a>|<a href="https://www.ehowbuy.com/help/sub/zjzhgs.html">资金账户公示</a>|<a href="https://www.ehowbuy.com/help/sub/index.html">帮助中心</a></li></li>
        <li>客服/投诉热线：400-700-9665 &nbsp;&nbsp;客服传真：021-68596916&nbsp;&nbsp;客服/投诉邮箱：<a href="mailto:service@howbuy.com">service@howbuy.com</a>&nbsp;&nbsp;证监会投诉电话:010－66210182、66210166</li>
        <li>办公地址：上海市浦东南路1118号鄂尔多斯国际大厦903~906室&nbsp;&nbsp;邮编：200120</li>
        <li>版权所有 金牛基金 Copyright&copy;ehowbuy.com, inc 2021. All rights reserved. <a href="https://beian.miit.gov.cn/">[沪ICP备11048127号-1]</a></li>
        <li style="color:#999;">风险提示：投资有风险。基金的过往业绩并不预示其未来表现。基金管理人管理的其他基金的业绩并不构成基金业绩表现的保证。相关数据仅供参考，不构成投资建议。投资人请详阅基金合同和基金招募说明书，并自行承担投资风险。</li>
        <li style="margin-top:10px;">
            <a href="http://www.zx110.org/picp/?sn=310115100041617" target="_blank"><img src="https://static.ehowbuy.com/tstatic/images/web/picp_bg.png" alt="" /></a>
            <a href='https://scjgj.sh.gov.cn/lz/licenseLink.do?method=licenceView&entyId=dov73ne26zbqq0isy0x2bbegxk7flutvkn' target="_blank" style="margin-left:10px"><img src="https://static.ehowbuy.com/tstatic/images/web/gongs.jpg" alt='' border=0 /></a>
        </li>
    </ul>
</div>

<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;
        //一些事件监听
        element.on('tab(demo)', function(data){
            console.log(data);
        });
    });
</script>
<script type="text/javascript">
    layui.use(['element','jquery','laydate','form'],function() {
        var $= layui.jquery;
        var element = layui.element;
        var laydate = layui.laydate;
        var form = layui.form;
    });
</script>
    <script type="text/javascript">
    $(function(){
        //统计代码
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-32736696-2', 'auto');
        ga('send', 'pageview');
    });
</script>

<%--正则验证--%>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/register.js"></script>

<script type="text/javascript">
    //var capOption = {callback:cbfn, showHeader:true, type: 'popup', pos:'absolute'};
    //capInit(document.getElementById("TCaptcha"), capOption);
    //回调函数：验证码页面关闭时回调
    function cbfn(retJson) {
        if (retJson.ret == 0) {
            // 用户验证成功
            $("#ticket").val(retJson.ticket);
            //alert(retJson.ticket);

            var url = '/common/doajaxaction.htm';

            verifyCaptchaTu(url, retJson.ticket);
            return false;
            //document.getElementById("loginForm").submit();
        }
        else {
            //alert("aaa");
            capDestroy();
        }
    }


    function changeCheck(obj) {
        if(obj.checked) {
            $("#submitBn").removeClass("dis-Btn-style");
            $("#submitBn").attr("disabled",false);
            $(".btn-style-a").attr("onclick","if(registerCheck()){document.registerForm.submit();}");
        } else {
            $("#submitBn").addClass("dis-Btn-style");
            $("#submitBn").attr("disabled",true);
            $(".btn-style-a").attr("onclick","");
        }
    }
</script>

<script type="text/javascript">
    // 初始化
    $(function(){
        new TextMagnifier({
            inputElem: '.inputIDElem',
            align: 'top',
            splitType: [6,8,4]
        });

    });

    $('.btnClose').click(function() {
        //关闭弹出层
        $.unblockUI();
        return false;
    });

</script>

<script type="text/javascript">
    var code;
    //点击发送验证码
    $("#getCode").click(function(){
        var email = $("#email").val();
        console.log(email);
        $.ajax({
            url : "/Anonymous/getEmailCode",//请求地址
            type : "post",//请求方式
            //发送邮件不要用同步 用异步
            dataType : "json",//数据格式
            data:{ //传入数据到后台
                email:email
            },
            success : function(data) {   //成功返回数据
                code=data.code;
            }
        });
    });
    //判断验证码是否正确
    $("#submit").click(function(){
        if (code == $("#phoneidentify").val()){
            return true;
        }else {
            //阻止表单提交
            alert("验证码错误！");
            return false;
        }
    });



    $('.shuis_tips1').mouseenter(function(){
        $(this).find('em').show();
    });
    $('.shuis_tips1').mouseleave(function(){
        $(this).find('em').hide();
    });
</script>

<script type="text/javascript">
    $('.about_cxg').mouseenter(function(){
        $(this).find('span').show();
    });
    $('.about_cxg').mouseleave(function(){
        $(this).find('span').hide();
    });
</script>

<!-- 选择日期插件 -->
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //常规用法
        laydate.render({
            elem: '#test1'
        });

        //直接嵌套显示
        laydate.render({
            elem: '#test-n1'
            ,position: 'static'
        });
        laydate.render({
            elem: '#test-n2'
            ,position: 'static'
            ,lang: 'en'
        });
        laydate.render({
            elem: '#test-n3'
            ,type: 'month'
            ,position: 'static'
        });
        laydate.render({
            elem: '#test-n4'
            ,type: 'time'
            ,position: 'static'
        });
    });
</script>

</body>
</html>
